@@@@@@@@@@@@@@@@TjzM@What's New 2004N528


@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@94

@@@@@@  @  @@@banban@scollabo.com



@@úAS҂⒆҂@ƍ@gɂāAv̖{i
@I Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂ
@܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂
@悤ɂȂ܂B

@@@T̃Rec
@@@@ HTMLu  35 --- C[W}bv
@@@@ CSSu@14 --- VRec



HTMLu i35j@C[W}bv̍쐬

@C[W}bvƂ́A1̉摜̒ɕ̃N𖄂ߍނƂwA
@{IɂQ̕@܂B

@NCAgETChEC[W}bv
@@҂pӂ摜ɁÃvOgƂȂN𖄂ߍނ
@@ɗp܂BGȃvOKvƂȂ߉Ar
@@IȒPɐݒuł邱ƂLpĂ܂B

@T[oETChEC[W}bv
@@ CGI𗘗pĎg܂BT[oɕʓr CGIvOuA{
@@̑ɂāAÑf[^MAC[W}bvƂĎs
@@܂B_́AUvOɂď邽߉xA{
@@҂WƂɂ́A^CAEg댯܂B

@@̂́AO҂̃NCAgETChEC[W}bv𒆐Sɉ
@BȂÁuށvpӂ܂̂ŁA萔łȉ̃y[W
@_E[hĂB
@@MԂZk邽߁At@C͈kĂ܂̂Łu𓀁vĂg
@BȂ𓀌AKȃtH_ĈړĂB

@@@ނ̃_E[h
@@@http://www.scollabo.com/banban/daf/material.html

@C[W}bv̎dg
@C[W}bv́AP̉摜Ɋ̋؂ꂽ̈w肵A̗
@ɃN𖄂ߍނƂŎ܂B
@@̈́AHTMLŒ`ĂuareavfvŎw肵܂Ä̋`
@Ww肵܂BW̓sNZPʂōs܂B

@@܂Agp摜ɑ΂āAC[W}bvƂĎguusemapv
@}bvw肷umapvfvƊ֘At鎯ʎq (ID) ݒ肵܂B
@uareavfv́AKumapvfv̎qvfƂĎg܂B

@mapvf
@C}[W}bv`Aw肳ꂽ摜֘At܂B̗vf͈̔͂
@qvfƂāuareavfvzuÄw肵܂B

@@mapvf̑
@@@name@w肳ꂽ摜Ŏuusemapv̎ʎqw肵܂B

@areavf̋@\Ƃ̑
@areaƂ́uGAvA܂̈wtłB̗vfɋ`̗̈
@NȂw肵܂B

@@areavf̑
@@@shape@̈̌`w肵܂B`͈ȉ̂S`Ă܂B
@@@@@@@rectFlp`A@circleF~`A@polyGp`A
@@@@@@@defaultF摜S

@@@coords ̈̍WsNZPʂŎw肵܂B`̎ނɂč
@@@@@@ WقȂ܂̂ŒӂĂB

@@@href@ N URI w肵܂B

@@@alt @ 摜\Ȃ̂߂ɑփeLXgpӂ܂B

@̈ƍW̎w
@ȉ̐}QƂĂBP̉摜̒ɎlpƎOp̋`
@̂łBieLXgx[XȂ̂ł܂\ł܂BtHgł
@݂Bj

@@@@@@
@@@@@@@@@@@@_@@@@@@@@
@@@@@@@@@`@@@@@@@@@ _@@@@@@ 
@@@@@@@@@@@@@@@@@@@a@_@@@@@
@@@@@@@@@@@@ @@@ 
@@@@@@

@@L̐}́A摜ɂ`Ƃlp̗̈ƁAaƂOp̗̈\
@̂ƂlB܂A󂪕tĂ_ɒڂĂB

@@ŏ̎lp`on̈w肷邽߂ɁAareavf shape
@urectvw肵܂B̂ƂAW߂ coordsɂ́AŎ
@Q̈ʒuw肵܂B
@@lp`̍ẂAŕ\̍WƉE̍Ww肵܂BW
@͂ǂ摜Ŝ̂wWƂxWw肵܂B

@@wWƂ͉摜̏ォ̈ʒuAxW͉摜̍̈ʒusNZP
@ʂŎw肵܂Bꂼ̍WJ}ŋ؂Ďw肵܂B

@@
@@coorde="(̂wW,̂xW,ÊwW,ÊxW)

@@ᕶ
@@<area shape="rect" coords="15,20,170,115" href="index.html">

@@Op`̏ꍇɂŕ\R̍Ww肵܂BOp`̂ꂼ
@̒_̂wWƂxWw肷邱ƂŁÄ悪܂܂B
@@ȂAOp`\ꍇAshape poly (p`) w肵܂B

@@̈悪~`̏ꍇ shape̒l circle (~`)w肵Ä͉~̒
@S_̂wWтxWƁA̔aJ}ŋ؂Ďw肵܂B
@ꍇׂăsNZPʂƂȂ܂B
@@ȂA摜\łȂɔzāAC[W}bv̂قɃeLX
@gx[Xɂ郊N𖾎ĂƂ؂ȂƂłB

@@𓥂܂āAނŒ񋟂摜găC[W}bv܂B
@eLXgGfB^NāAȉ̍\^CvĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <title>C[W}bv̍쐬/S҂̂߂̃z[y[W</title>
  <style type="text/css">
  <!--
  body { 
     background: #fff;
     color: #000;
     margin-left: 6%; 
     margin-right: 6% }

  h1 { 
     background: #069; 
     color: #fff; 
     font-size: 1.2em; 
     padding: 2px; 
     text-indent: 1em }

  .cent { 
     text-align: center }
  -->
  </style>
</head>

<body>
  <h1>C[W}bv̍쐬</h1>

  <p class="cent">
   <img src="map.png" width="367" height="273" alt="" usemap="#banban">
  </p>

  <map name="banban">
    <area shape="poly" alt="₢킹" 
      coords="196,143, 197,223, 124,250, 74,187, 119,120" 
      href="mailto:banban@scollabo.com">

    <area shape="circle" alt="XV" coords="273,90,68" 
      href="what.html">

    <area shape="rect" alt="z[ɖ߂" coords="27,24,175,105" 
      href="index.html">
  </map>

  <p class="cent">
    <a href="index.html">Home</a> / <a href="what.html">XV</a> / 
    <a href="mailto:banban@scollabo.com">Mail</a>
  </p>

</body>
</html>

@()
@[}KW̉̂߁Asĕ\Ă܂BHTML
@Rs[ėpۂɂ́A]ȗ]폜Ă炨gB

@Tvs
@@http://www.scollabo.com/banban/magazine/ms/sample_94-1.html




@iX^CV[gj
@body { background: #fff; color: #000; margin-left: 6%; 
           margin-right: 6% }

@@Reczu bodyvf̔wiF𔒐FAFFɐݒB
@܂AE̗]uEU̔䗦łUƂ܂B

@h1 { background: #069; color: #fff; font-size: 1.2em; padding: 2px; 
         text-indent: 1em }

@@ꌩovf̕F𔒐FATCYʏ̂Q葝AwiF
@₭񂾐FƂ܂B܂AƂ̗]㉺EƂQsNZ
@ƂAeLXg̃Cfg () PɂĂ܂B

@.cent { text-align: center }

@@centƂNXݒ肵ÃNXŎw肳ꂽ悤̃Rec
@𒆉낦ŕ\܂B

@iHTMLj
@<p class="cent">
    <img src="map.png" width="367" height="273" alt="" usemap="#banban">
  @</p>

@@i pvf́AX^CV[g̃NXucentvKp܂B摜
@킷 imgvfɂ́AC[W}bv̎ʎqubanbanvɑ΂āAnb
@V}[NĎw肵܂BC[W}bv`ŁA̎ʎq
@ mapvf́uOvƈvȂĂ͂Ȃ܂B
@@altuvɂ̂́AareavfŎ altƍȂ߂
@ĉw肵܂łB

@<map name="banban"> ` </map>

@ mapvf́ANCAgETChEC[W}bv`邽߂Ɏg
@B̗vfɁAC[W}bv̗̈Ɋւݒs areavfzu
@܂B
@@naméAimgvfŎw肵 usemap̎ʎqƈvȂ
@Ȃ܂B

@<area shape="poly" alt="₢킹" 
      coords="196,143, 197,223, 124,250, 74,187, 119,120" 
      href="mailto:banban@scollabo.com">

@@areavf́A{҂̑ɔăN邽߂̗̈ݒ肵܂B
@ł͗̈̋`p`ł邱ƂAe_̊p̍Wݒ肵
@܂BW͂Q̍WgɂđSłT̒_pw肵܂B
@@ŏ 196,143, ́Aォ 196sNZ̈ʒuA 143sNZ̈
@uƂɐݒ肵Ă܂Bꂼ̒_ŌԂƑp``
@܂B
@@܂ altŎeLXǵA摜\łȂlĕK
@ݒ肷悤ɂ܂Bhref̓Nw肵܂B
@@Ȃ areavf́u^OvȂ̂ŁAI^O͕Kv܂B

@<area shape="circle" alt="XV" coords="273,90,68" 
      href="what.html">

@@ aleavfł͗̈悪~` (circle) Ă܂B̍W͉摜
@Ŝ̏ォ 273sNZA 90sNZAa 68sNZł邱
@Ƃ킵Ă܂B

@<area shape="rect" alt="z[ɖ߂" coords="27,24,175,105" 
      href="index.html">

@@ areavfł́Ä悪lp` (rect) Ă܂BW͍
@̑ΊpłËʒuw肵܂B

@<p class="cent">
    <a href="index.html">Home</a> / <a href="what.html">XV</a> / 
    <a href="mailto:banban@scollabo.com">Mail</a>
  @</p>

@@łivfɃNX (cent) KpĂ܂BNX͂P̃y[
@Wŉx̌JԂp邱Ƃ\łB
@@C}[W}bv𗘗pƂAɑΉĂȂɔzāAe
@LXgx[X̑փNpӂ悤ɐS܂傤B

܂Ƃ

@@C}[W}bv쐬ꍇA摜̒Ŕzu链悤̍W
@邱Ƃ͂ƂĂ̂łB̃Tv쐬ہAC[W}b
@v̍W̐ݒ́AAhrЂ ImageReady CS) ō쐬܂B
@@@\ȉ摜\tg͍ł̂ł߂邱Ƃ͂ł܂񂪁At[
@̃C[W}bv쐬\tg[XĂ܂̂ŁAQlɂ
@B

@@Windows\tg
@@@܂ՃGfB^i`̂Ɓj
@@@http://www3.to/su-house@it[j

@@@Client Side Image Map Editori{CŃt[\tgj
@@@http://hp.vector.co.jp/authors/VA001944/freesoft/index.html

@@@UseMapi factoryj
@@@http://www.asukaze.net/soft/index.html@it[j

@@Macintosh\tg
@@@RGB&HexColorPicker++ 
@@@http://www.kenjikojima.com/@iVFAEFAj




CSSuiQj@VRec

@vf̉EA邢͍ɑ̗vf荞܂邱ƂuVFt[
@gvƌĂсAX^CV[gł floatɂĒ`Ă܂B

@@VReĉɂ́AX^CV[gȊOɂ\łB
@Ȃ aligngƂŁA̗vfEɉ荞܂邱Ƃ
@ł܂B
@@ȉ̗͂ᕶłB

@<body>
    <p><img aligh="left" src="niagara.jpe" width="250" height="180" 
       alt="iCAK̑">
@@@iCAK̑́AAJƃJi_̍ɈʒuA(ȉȗj
@@</p>

@@Tvs
@@http://www.scollabo.com/banban/magazine/ms/sample_94-2.html

@@̂悤 aligngŕVRec̕\\ƂȂ
@܂BȀꍇ̕^` Transitional ɂKv
@B܂AStrictȌidlɂ͎gƂł܂B

@@X^CV[ggƂ̃bǵAMI΂AuEU
@w肷Kv܂B΁Aǂ̂悤ȉ{ɂΉ
@闘_܂B
@@́AX^CV[ggʂȕVRecɂĉ܂B

@VRec𗘗pӖ
@ubNxvfQɕׂA摜̉ɐzu
@̗pr͂܂܂łBʂɗvfɕׂƂ@Ƀe[u
@pP[X܂Ae[uɂ͂Ȃ̃fbĝŁA
@CAEgɗp邱Ƃ͐Ă܂B
@@[}KW WebTCgɂgbvy[Wł́Aꌩƃe[
@ugĂ悤Ɍ܂A͕VƂ@pĂ܂B

@@VRec̎@́Ae[uł͕\ȂʓIȗp@܂B
@܂ɃX^CV[g𗘗pɃ_Ci~bNȕ\Ƃ̂ł͂Ȃ
@ł傤B

@X^CV[gɂ镂VRec̗p@
@قǂqׂƂAX^CV[gɂ镂VRec float
@g܂Bvfɑ΂ĕV邽߂ɗp܂B

@@ float̒lƂ̋@\
@@VƂ̒l͈ȉ̂ƂłB{IɍEI܂A
@@ɔzu邱Ƃ͂ł܂B

@@@left@@w肵vfɔzủEɑ̗vfzu
@@@right@ w肵vfEɔzu̍ɑ̗vfzu
@@@none@@Eւ̉荞݂Ȃ (ftHgl)

@@ 
@@vf𕂗V̓Iȏ͈ȉ̂ƂłB

@@@img { float: left }

@@摜\ imgvfɑ΂čɕVݒłB̗vfɑ
@@vfEɔzu܂B

@@float𗘗pTv (floatQgĂ܂)
@@http://www.scollabo.com/banban/magazine/ms/sample_94-3.html

@@ float̉
@@floatȂAݒ肵vf̔Αɉ荞Ƃ܂B
@@̂߁A҂̈Ӑ}Ȃ\ɂȂꍇ܂B

@@floatȂTv
@@http://www.scollabo.com/banban/magazine/ms/sample_94-4.html

@@ŁAVԂ邽߂ɁAX^CV[g clearg
@Bɂĉ荞Ƃ镂V܂B
@@clear̒ĺAȉ̂R`Ă܂B

@@@left @float left w肵ꍇɉ܂B
@@@right@float right w肵ꍇɉ܂B
@@@both@ leftAright Ɋւ炸̉荞݂܂B

@@
@@ȉ́Ar\ hrɕV̉s܂B

@@@hr { clear: left }

@IȕVRec̍쐬
@Vݒ肷vfɂ炩߉w肵A̕VRec
@ׂ邱ƂŁAe[uŕ\悤ȃCAEg\z邱Ƃ\
@Ȃ܂B

@@e[uł́Af[^ׂĎMȂΕ\JnłȂƂ
@̌_܂B_₢A{҂ɃXgXȂ
@y[ẂAӖdvȂƂł܂B

@@IȕVRec̍쐬ɂĂ̏ڂ͖{u49
@vŌfڂ܂̂ŎQlɂĂBTCg̃gbvy[W̎@
@Ă܂B

@@@u49vT̂炢
@@@@http://www.scollabo.com/banban/magazine/review_049.html

@@@u49vv[eLXg
@@@@http://www.scollabo.com/banban/magazine/magazine_049.html

@@̃y[Wł̉ XHTML̂ƂȂĂ܂ALq@ɒӂ
@ HTML쐬ĂBXHTMLł́u^Ov̍sɃXbV
@܂̂ŁA폜ĂgB



[}KWzMɂĂ̂肢

@̃[}KWzMĊۂQNɂȂ܂B܂Łu܂܂v
@́ua胁[}KWvɂE悤ɂȂ܂B
@@܂ŁuTjvƂzMԊuł͂Ă܂AlIȓs
@ɂuuTjvɕύXĂ肢܂B

@@NɒN΂߂Ђ߁A݂͓ƗďȂ̉
@ݗ܂BЂƂĂ]ƈȂǂ͂PlȂAȂÂFlɎ
@`Ă炤x̐ΔԂ悤ȁu׊ƁvłB

@@Ɩ̂قƂǂPlōsĂAɂ߂đZ̓X𑗂Ă܂B
@[mۂ邽ߓyo΂Aقږ[ɋAĂ܂B킸
@Ԃ̒ WebTCg̉^cƃ[}KW̌e쐬Ă̂
@łB
@@[}KW̔pIƂĂ܂A̓ǎ҂̗܂
@艽ƂĂƍlĂ܂B󋵂Az
@MɂύX𕚂Ă肢܂B



͂܂ŁB

@T̂炢 Weby[Wɂfڂ܂̂ŁAQl܂łɌĂ
@ĂB
@@Weby[Wł HTML̎sʂ̃TvA蕪₷
@Ă܂B킹ĉߋ̋L̂炢fڂĂ܂

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_094.html

@zḾA611\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
@ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
@Ǝv܂B
@@AlIȎRɂԎx邱Ƃ܂BB
@}̏ꍇɂ́ATCǧfpBƒN
@ĂƎv܂B

@sҁ@΂΂
@@́@XYLER{[V@http://www.scollabo.com/
@zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

@obNio[Ȃǂ͂ŌJĂ܂B
@v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
@ê炢@@http://www.scollabo.com/banban/magazine/
@A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
@܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

@zM̕ύXE~͂łB
@ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
@܂B
@@TCgɂā@http://www.scollabo.com/banban/magazine/top.html
@@܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@C΂TI낤ƂĂ܂BNقǋGߊ̂ȂX߂
@̂͏߂ĂłBԂ΂ɒǂACx܂ɂ܂B

@@P24ԂȂƂɕ𗧂ĂłAŐ_
@ȂĂ邱Ƃ܎o܂B܂Ɉꐶ΂Ă
@Ɍ̏ȂɜRƂ܂B
@@łdɂ邤̓}VłBdȂȂǂ悤A
@|܂B

@@̂ƂƂAƂȊ]Ď܂
@Ă܂BAƂƂ邳AłȂĂȂˁB



쌠ɂ
@l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
@Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@@ȂAL̃X^CV[gAXNvgAHTML̃y[W쐬
@RɎgĂĂx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




